<template>
  <div id="person">
    <a-card>
      <a-descriptions title="User Info">
        <a-descriptions-item label="UserName">Zhou Maomao</a-descriptions-item>
        <a-descriptions-item label="Telephone">1810000000</a-descriptions-item>
        <a-descriptions-item label="Live"
          >Hangzhou, Zhejiang
        </a-descriptions-item>
        <a-descriptions-item label="Remark">empty</a-descriptions-item>
        <a-descriptions-item label="Address">
          No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
        </a-descriptions-item>
      </a-descriptions>
      <a-button @click="edit">编辑资料</a-button>
    </a-card>
    <RouterView></RouterView>
  </div>
</template>

<script lang="ts" setup>
import { useRouter } from "vue-router";

const router = useRouter();

const edit = () => {
  console.log(1);
  router.push("/person/edit");
};
</script>

<style scoped></style>
